<!DOCTYPE html>
<html>
<head>
	<title>Pokerbandens Poker Timer</title>
	<meta name="description" content="A tournament poker timer and nothing else. Simple to configure or use the defaults. Works on computers and phones. Synchronize your games between different devices. Bell sounds when the level changes in most browsers.">
	<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta names="apple-mobile-web-app-status-bar-style" content="black-translucent">
	<link href="css/poker.css" rel="stylesheet" type="text/css">
	<!--[if lte IE 8]>
		<link href="css/ie.css" rel="stylesheet" type="text/css">
	<![endif]-->
	
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/util.js"></script>
	<script type="text/javascript" src="js/PokerRoom.js"></script>
	<script type="text/javascript" src="js/PokerGame.js"></script>
	<script type="text/javascript" src="js/poker.js"></script>
</head>
<body>
<div id="start">
	<h1>Pokerbandens Poker Timer</h1>
	
	<div class="tabs">
		<div class="local">Seneste spil</div>
		<div class="new-game">Nyt spil</div>
		<div class="public">Join et spil</div>
	</div>
	
	<div class="tab-content">
		<div class="local panel">
			<ul id="local_games" class="game_list"><li>Ingen spil i gang.</li></ul>
		</div>
		
		<div id="start_form" class="new-game panel">
			<div class="time">
				Blind tid: <br/>
				<input type="text" size="4" name="time" id="blind_time" value="10:00">
			</div>
			<div class="games">
				<label>Spil:</label><br/>
				<textarea class="game" id="games" name="games" rows="4" cols="20">Hold 'Em
Omaha</textarea>
				<small>(en per linje)</small>
			</div>
			<div class="start">
				<button id="new_game">Start</button><br>
			</div>
			<div class="show-hide-advanced">
				<a href="#" id="show_advanced" class="no-advanced">Flere muligheder</a>
				<a href="#" id="hide_advanced" class="advanced">Færre muligheder</a>
			</div>
			<div class="advanced">
				<label>title: <input type="text" size="10" name="title" id="new_game_title" value="No Title"></label>
				<div class="blinds">
					<textarea class="blinds" id="blinds" name="blinds" rows="20" cols="20">25/50
25/50
50/100
75/150
100/200
-
150/300
200/400
300/600
400/800
500/1000
-
800/1600
1000/2000
1500/3000
2000/4000
3000/6000
4000/8000</textarea>
				</div>
			</div>
			<hr>
			<div class="restore">
				<a href="#" id="restore_defaults">Gendan standard</a>
				<a href="#" id="restore_last">Gendan fra seneste spil</a>
			</div>
		</div>
		<div class="public panel">
			<form id="join_public_game">
				<label>Spil navn: <input type="text" id="public_game_name"/></label> <input type="submit" value="Join"/>
			</form>
			<small>Spillets navn er i bunden af højre højrne af kontrol menuen i et offentlig spil.</small>
			<p id="public_feedback"></p>
		</div>
	</div>
	<div class="copyright">
		&copy; 2013 Pokerbanden - <a href="http://pokerbanden.nu" target="_blank">læs mere om Pokerbanden</a>

	</div>
</div>
<div id="game">
	<div id="panels">
		<div id="hud">
			<a href="/pokertimer" class="back-to-home">Tilbage til start</a>
			<div id="toolbar">
				<a href="#" class="break button" title="Pause"><span>Pause</span></a>
				<a href="#" class="break-next button" title="Break Next"><span>Pause Næste</span></a>
				<a href="#" class="advance button" title="Add 30 seconds"><span>Tilføj 30 Sekunder</span></a>
				<a href="#" class="goback button" title="Subtract 30 seconds"><span>Fratræk 30 Sekunder</span></a>
				<a href="#" class="sync button" title="Sync"><span>Sync</span></a>
			</div>
			<div id="info">
				<div class="blinds"></div>
				<div><div class="games"></div></div>
				<!--
				<div class="sync">
					<span class="sync-state"></span>
				</div>
				-->
				<div class="name"></div>
			</div>
			<div class="copyright">
        &copy; 2013 Pokerbanden - <a href="http://pokerbanden.nu" target="_blank">læs mere om Pokerbanden</a>
			</div>
			<a href="#" class="bell button" title="Toggle Bell"><span>Toggle Bell</span></a>
		</div>
	</div>
	<div id="curtain"></div>
</div>
<audio id="bell" autobuffer="true">
	<source src="audio/Goblet_G_Medium.ogg" type="audio/ogg">
	<source src="audio/Goblet_G_Medium.mp3" type="audio/mp3">
	<source src="audio/Goblet_G_Medium.wav" type="audio/wav">
</audio>
<div id="templates">
	<div class="level">
		<div class="time"></div>
		<div class="game"></div>
		<div class="blinds"></div>
	</div>
	<li class="game">
		<div class="name"></div>
		<div class="state"></div>
	</li>
</div>

</body>
</html>